<!DOCTYPE html>
<html>
  <head>
    <title>s09.html</title>

    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
   
	<script type="text/javascript" src="../js/jquery-1.11.1.js"></script>
	<script type="text/javascript">
		function f1(){
			$('ul li:eq(1)').css('font-size','30px');
		}
		function f2(){
			$('ul li:nth-child(2)').css('font-size','30px');
		}
		
	</script>
  </head>
  
  <body>
  	<!-- 子元素过滤选择器 -->
  	<!-- ：nth-child(index/even/odd)
  		  index是从1开始的整数，表示对应位置的子元素
  	 -->
  	 <a href="javascript:;" onclick="f2();">子元素过滤选择器</a>
  	 <ul>
  	 	<li>item1</li>
  	 	<li>item2</li>
  	 	<li>item3</li>
  	 </ul>
  	 <ul>
  	 	<li>item11</li>
  	 	<li>item12</li>
  	 	<li>item13</li>
  	 </ul>
  </body>
</html>
